<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试评论</title>
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="assets/lib/font-awesome-4.7.0/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="assets/lib/bootstrap3.3.7/css/bootstrap.min.css" />
		<script src="assets/lib/bootstrap3.3.7/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/jianshu.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="assets/lib/font-awesome-4.7.0/css/font-awesome.min.css" />
		<script src="js/jquery-pager.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/segmentfault-global.css" />
		<link rel="stylesheet" type="text/css" href="css/segmentfault-vendors.css" />


	</head>
	<body>
		<div class="container  my-sm-4 my-1">
			<div class="row">
				<div class="col-12 col-xl w-0">

					<div id="comment-area" class="my-4" data-type="article" data-id="1190000023114300" data-page="1" data-user="{&quot;avatarUrl&quot;:&quot;https:\/\/avatar-static.segmentfault.com\/359\/821\/3598212215-5f0e6d93d01f7_big64&quot;}">
						<!-- 显示评论总数 以及排序 -->
						<div class="d-flex justify-content-between mb-2">
							<div id="comment-total" class="h5 mb-0">5 条评论</div>
							<div>
								<a href="javascript:;" class="sort text-dark" data-sort="default">得票</a><span class="split-dot"></span><a href="javascript:;"
								 class="sort text-secondary" data-sort="desc">时间</a>
							</div>
						</div>
						<div class="card border-0">
							<div class="card-body">
								<div class="media">
									<img src="https://avatar-static.segmentfault.com/359/821/3598212215-5f0e6d93d01f7_big64" class="rounded-circle mr-3"
									 width="38" aria-hidden="true">
									<form class="media-body" action="/api/article/1190000023114300/comments/add">
										<div class="form-group">
											<textarea autoheight="true" class="form-control comment-text" rows="1" placeholder="撰写评论 ..." style="overflow: hidden; overflow-wrap: break-word; resize: none; min-height: 31px; height: 38px;"
											 name="text"></textarea>
										</div>
										<div class="d-flex justify-content-end">
											<button data-js-replay-submit-btn="" type="button" submit-type="comment" class="btn btn-primary float-right">提交评论</button>
											<input type="hidden" name="objectId" value="1190000023114300" autocomplete="off">
										</div>
									</form>
								</div>
								<div id="comment-body">
									<div class="media mb-4" id="comment-1050000023237792">
										<img class="d-block rounded-circle mr-3" width="38" height="38" src="https://avatar-static.segmentfault.com/359/821/3598212215-5f0e6d93d01f7_big64"
										 alt="">
										<div class="media-body w-0">
											<div class="commentUnit">
												<div class="mb-2">
													<a class="d-uname" href="/u/linchuangxuanmo" target="_blank"><strong>临窗旋墨</strong></a>
													：
													<div class="parsedText fmt">
														<p>看设计模式前 需要先看看</p>
													</div>
												</div>

												<form class="d-none edit-form edit-top-comment-form" action="/api/comment/1050000023237792/edit" method="post">
													<div class="form-group">
														<textarea autoheight="true" class="form-control comment-text" rows="1" placeholder="撰写评论 ..." style="overflow: hidden; overflow-wrap: break-word; resize: none;"
														 name="text" data-init="看设计模式前 需要先看看"></textarea>
													</div>
													<div class="my-3 d-flex align-content-center justify-content-end">
														<button type="button" class="btn btn-outline-secondary btn-sm mr-2 edit-top-comment-cancel-btn cancelEdit">
															取消
														</button>
														<button type="button" submit-type="comment-edit" class="btn btn-primary btn-sm">
															提交
														</button>
														<input type="hidden" name="objectId" value="1190000023114300" autocomplete="off">
														<input type="hidden" name="id" value="1050000023237792" autocomplete="off">
													</div>
												</form>

												<div class="handle-bar font-size-14 d-flex justify-content-between">
													<div>
														<a class="text-secondary" href="javascript:;">
															<span class="mainLike-comment " data-id="1050000023237792">
																 <i class="far fa-thumbs-up mr-1"></i>
															</span>
															<span data-icon-count-size="" data-count-hidden="true" class="mainLike-commentNum">
															</span>
														</a>
														<span class="split-dot"></span>
														<a class="text-secondary btn-comment" href="javascript:;" data-id="1050000023237792">回复</a>
														<span class="split-dot"></span>
														<span class="ml-1 text-secondary">刚刚</span>
													</div>
													<div class="control-area d-none">
														<a class="text-secondary edit" href="Javascript:;">编辑</a><span class="split-dot"></span>
														<a class="text-secondary delete" href="javascript:;" data-button-action="/api/comment/1050000023237792/delete">删除</a><span
														 class="split-dot"></span>
														<a class="text-secondary comment-report" href="javascript:;" data-dotype="modal" data-content="{'type':'form','asyncUrl':'/iteration/api/reason/comment/report?id=1050000023237792','data':null}"
														 data-api="/iteration/api/comment/1050000023237792/report">举报</a>

													</div>
												</div>

												<div class="card bg-light border-0 mt-2" id="comment-1050000023237792-form">
													<form class="card-body my-2 add-comment-form py-0 pt-3" action="/api/comment/1050000023237792/reply"
													 method="post">
														<div class="form-group">
															<textarea autoheight="true" class="form-control form-control-sm comment-text" rows="1" placeholder="撰写评论 ..."
															 style="overflow: hidden; overflow-wrap: break-word; resize: none;" name="text" aria-placeholder="撰写评论..."></textarea>
														</div>
														<div class="mt-y d-flex align-content-center justify-content-end">
															<button type="button" submit-type="reply" class="btn btn-primary btn-sm" data-commentid="1050000023237792">
																提交评论
															</button>
															<input type="hidden" name="objectId" value="1050000023237792" autocomplete="off">
															<input type="hidden" name="replyUserId" value="1030000023234828" autocomplete="off">
														</div>
													</form>
												</div>
											</div>
											<div class="replies">

											</div>
										</div>
									</div>
									<div class="media mb-4" id="comment-1050000023120471">
										<img class="d-block rounded-circle mr-3" width="38" height="38" src="https://avatar-static.segmentfault.com/323/210/3232107541-5eac75eab19ea_big64"
										 alt="">
										<div class="media-body w-0">
											<div class="commentUnit">
												<div class="mb-2">
													<a class="d-uname" href="/u/linmi" target="_blank"><strong>Linmi</strong></a>
													：
													<div class="parsedText fmt">
														<p>可以去掉二维码，获得推荐哈。</p>
													</div>
												</div>

												<form class="d-none edit-form edit-top-comment-form" action="/api/comment/1050000023120471/edit" method="post">
													<div class="form-group">
														<textarea autoheight="true" class="form-control comment-text" rows="1" placeholder="撰写评论 ..." style="overflow: hidden; overflow-wrap: break-word; resize: none;"
														 name="text" data-init="可以去掉二维码，获得推荐哈。"></textarea>
													</div>
													<div class="my-3 d-flex align-content-center justify-content-end">
														<button type="button" class="btn btn-outline-secondary btn-sm mr-2 edit-top-comment-cancel-btn cancelEdit">
															取消
														</button>
														<button type="button" submit-type="comment-edit" class="btn btn-primary btn-sm">
															提交
														</button>
														<input type="hidden" name="objectId" value="1190000023114300" autocomplete="off">
														<input type="hidden" name="id" value="1050000023120471" autocomplete="off">
													</div>
												</form>

												<div class="handle-bar font-size-14 d-flex justify-content-between">
													<div>
														<a class="text-secondary" href="javascript:;">
																<i class="far fa-thumbs-up mr-1"></i>
															<span data-icon-count-size="" data-count-hidden="true" class="mainLike-commentNum">
															</span>
														</a>
														<span class="split-dot"></span>
														<a class="text-secondary btn-comment" href="javascript:;" data-id="1050000023120471">回复</a>
														<span class="split-dot"></span>
														<span class="ml-1 text-secondary">7月7日</span>
													</div>
													<div class="control-area d-none">


														<a class="text-secondary comment-report" href="javascript:;" data-dotype="modal" data-content="{'type':'form','asyncUrl':'/iteration/api/reason/comment/report?id=1050000023120471','data':null}"
														 data-api="/iteration/api/comment/1050000023120471/report">举报</a>

													</div>
												</div>

												<div class="card bg-light border-0 mt-2 d-none" id="comment-1050000023120471-form">
													<form class="card-body my-2 add-comment-form py-0 pt-3" action="/api/comment/1050000023120471/reply"
													 method="post">
														<div class="form-group">
															<textarea autoheight="true" class="form-control form-control-sm comment-text" rows="1" placeholder="撰写评论 ..."
															 style="overflow: hidden; overflow-wrap: break-word; resize: none;" name="text" aria-placeholder="撰写评论..."></textarea>
														</div>
														<div class="mt-y d-flex align-content-center justify-content-end">
															<button type="button" submit-type="reply" class="btn btn-primary btn-sm" data-commentid="1050000023120471">
																提交评论
															</button>
															<input type="hidden" name="objectId" value="1050000023120471" autocomplete="off">
															<input type="hidden" name="replyUserId" value="1030000004062817" autocomplete="off">
														</div>
													</form>
												</div>
											</div>
											<div class="replies">


												<div class="card bg-light border-0 mt-2">
													<div class="card-body py-0" style="min-height:0">
														<ul class="list-group list-group-flush reply-list" data-page="1">

															<li class="list-group-item px-0 bg-light border-0 commentUnit">
																<div class="font-size-14 mb-2">
																	<a class="d-uname" href="/u/wrcj12138" target="_blank"><strong>闻人的技术博客</strong></a>：
																	<div class="parsedText fmt">
																		<p>已移除</p>
																	</div>
																</div>
																<form class="d-none edit-form edit-reply-form" action="/api/comment/1050000023229953/edit" method="post">
																	<div class="form-group">
																		<textarea autoheight="true" class="form-control form-control-sm comment-text" rows="1" placeholder="撰写评论 ..."
																		 style="overflow: hidden; overflow-wrap: break-word; resize: none;" name="text" data-init="已移除"></textarea>
																	</div>
																	<div class="my-3 d-flex align-content-center justify-content-end">
																		<button type="button" class="btn btn-outline-secondary btn-sm mr-2 edit-top-comment-cancel-btn cancelEdit">
																			取消
																		</button>
																		<button type="button" submit-type="reply-edit" class="btn btn-primary btn-sm">
																			提交
																		</button>
																		<input type="hidden" name="id" value="1050000023229953" autocomplete="off">
																	</div>
																</form>
																<div class="handle-bar font-size-14 d-flex justify-content-between">
																	<div>
																		<a class="text-secondary" href="Javascript:;">
																			<span class="mainLike-comment " data-id="1050000023229953">
																				<svg class="svg-inline--fa fa-thumbs-up fa-w-16 mr-1" aria-hidden="true" focusable="false"
																				 data-prefix="far" data-icon="thumbs-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
																				 data-fa-i2svg="">
																					<path fill="currentColor" d="M466.27 286.69C475.04 271.84 480 256 480 236.85c0-44.015-37.218-85.58-85.82-85.58H357.7c4.92-12.81 8.85-28.13 8.85-46.54C366.55 31.936 328.86 0 271.28 0c-61.607 0-58.093 94.933-71.76 108.6-22.747 22.747-49.615 66.447-68.76 83.4H32c-17.673 0-32 14.327-32 32v240c0 17.673 14.327 32 32 32h64c14.893 0 27.408-10.174 30.978-23.95 44.509 1.001 75.06 39.94 177.802 39.94 7.22 0 15.22.01 22.22.01 77.117 0 111.986-39.423 112.94-95.33 13.319-18.425 20.299-43.122 17.34-66.99 9.854-18.452 13.664-40.343 8.99-62.99zm-61.75 53.83c12.56 21.13 1.26 49.41-13.94 57.57 7.7 48.78-17.608 65.9-53.12 65.9h-37.82c-71.639 0-118.029-37.82-171.64-37.82V240h10.92c28.36 0 67.98-70.89 94.54-97.46 28.36-28.36 18.91-75.63 37.82-94.54 47.27 0 47.27 32.98 47.27 56.73 0 39.17-28.36 56.72-28.36 94.54h103.99c21.11 0 37.73 18.91 37.82 37.82.09 18.9-12.82 37.81-22.27 37.81 13.489 14.555 16.371 45.236-5.21 65.62zM88 432c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24z"></path>
																				</svg><!-- <i class="far fa-thumbs-up mr-1"></i> -->
																			</span>
																			<span data-icon-count-size="" data-count-hidden="true" class="mainLike-commentNum">
																			</span> </a>
																		<span class="split-dot"></span>
																		<a class="text-secondary btn-reply" href="Javascript:;" data-id="1050000023229953">回复</a>
																		<span class="split-dot"></span>
																		<span class="ml-1 text-secondary">7月14日</span>
																	</div>
																	<div class="comment-control-area d-none">


																		<a class="text-secondary reply-report" data-dotype="modal" data-content="{'type':'form','asyncUrl':'/iteration/api/reason/comment/report?id=1050000023229953','data':null}"
																		 data-api="/iteration/api/comment/1050000023229953/report" href="Javascript:;">举报</a>

																	</div>
																</div>
																<form id="reply-1050000023229953-form" class="my-2 add-comment-form" action="/api/comment/1050000023120471/reply"
																 method="post">
																	<div class="form-group">
																		<textarea autoheight="true" class="form-control form-control-sm reply-text" rows="1" placeholder="撰写评论 ..."
																		 style="overflow: hidden; overflow-wrap: break-word; resize: none; min-height: 31px; height: 30px;"
																		 name="text"></textarea>
																	</div>
																	<div class="mt-y d-flex align-content-center justify-content-end">
																		<button type="button" submit-type="reply" class="btn btn-primary btn-sm" data-commentid="1050000023120471">
																			提交评论
																		</button>
																		<input type="hidden" name="replyUserId" value="1030000004026013" autocomplete="off">
																	</div>
																</form>
															</li>
															<li class="list-group-item px-0 bg-light border-0 commentUnit">
																<div class="font-size-14 mb-2">
																	<a class="d-uname" href="/u/linchuangxuanmo" target="_blank"><strong>临窗旋墨</strong></a>：
																	<div class="parsedText fmt">
																		<p><a href="/u/wrcj12138">@闻人的技术博客</a> haha</p>
																	</div>
																</div>
																<form class="d-none edit-form edit-reply-form" action="/api/comment/1050000023234955/edit" method="post">
																	<div class="form-group">
																		<textarea autoheight="true" class="form-control form-control-sm comment-text" rows="1" placeholder="撰写评论 ..."
																		 style="overflow: hidden; overflow-wrap: break-word; resize: none;" name="text" data-init="@闻人的技术博客[wrcj12138] haha"></textarea>
																	</div>
																	<div class="my-3 d-flex align-content-center justify-content-end">
																		<button type="button" class="btn btn-outline-secondary btn-sm mr-2 edit-top-comment-cancel-btn cancelEdit">
																			取消
																		</button>
																		<button type="button" submit-type="reply-edit" class="btn btn-primary btn-sm">
																			提交
																		</button>
																		<input type="hidden" name="id" value="1050000023234955" autocomplete="off">
																	</div>
																</form>
																<div class="handle-bar font-size-14 d-flex justify-content-between">
																	<div>
																		<a class="text-secondary" href="Javascript:;">
																			<span class="mainLike-comment " data-id="1050000023234955">
																				<svg class="svg-inline--fa fa-thumbs-up fa-w-16 mr-1" aria-hidden="true" focusable="false"
																				 data-prefix="far" data-icon="thumbs-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
																				 data-fa-i2svg="">
																					<path fill="currentColor" d="M466.27 286.69C475.04 271.84 480 256 480 236.85c0-44.015-37.218-85.58-85.82-85.58H357.7c4.92-12.81 8.85-28.13 8.85-46.54C366.55 31.936 328.86 0 271.28 0c-61.607 0-58.093 94.933-71.76 108.6-22.747 22.747-49.615 66.447-68.76 83.4H32c-17.673 0-32 14.327-32 32v240c0 17.673 14.327 32 32 32h64c14.893 0 27.408-10.174 30.978-23.95 44.509 1.001 75.06 39.94 177.802 39.94 7.22 0 15.22.01 22.22.01 77.117 0 111.986-39.423 112.94-95.33 13.319-18.425 20.299-43.122 17.34-66.99 9.854-18.452 13.664-40.343 8.99-62.99zm-61.75 53.83c12.56 21.13 1.26 49.41-13.94 57.57 7.7 48.78-17.608 65.9-53.12 65.9h-37.82c-71.639 0-118.029-37.82-171.64-37.82V240h10.92c28.36 0 67.98-70.89 94.54-97.46 28.36-28.36 18.91-75.63 37.82-94.54 47.27 0 47.27 32.98 47.27 56.73 0 39.17-28.36 56.72-28.36 94.54h103.99c21.11 0 37.73 18.91 37.82 37.82.09 18.9-12.82 37.81-22.27 37.81 13.489 14.555 16.371 45.236-5.21 65.62zM88 432c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24z"></path>
																				</svg><!-- <i class="far fa-thumbs-up mr-1"></i> -->
																			</span>
																			<span data-icon-count-size="" data-count-hidden="true" class="mainLike-commentNum">
																			</span> </a>
																		<span class="split-dot"></span>
																		<a class="text-secondary btn-reply" href="Javascript:;" data-id="1050000023234955">回复</a>
																		<span class="split-dot"></span>
																		<span class="ml-1 text-secondary">今天 10:49 </span>
																	</div>
																	<div class="comment-control-area d-none">

																		<a class="text-secondary delete" href="Javascript:;" data-button-action="/api/comment/1050000023234955/delete">删除</a><span
																		 class="split-dot"></span>
																		<a class="text-secondary reply-report" data-dotype="modal" data-content="{'type':'form','asyncUrl':'/iteration/api/reason/comment/report?id=1050000023234955','data':null}"
																		 data-api="/iteration/api/comment/1050000023234955/report" href="Javascript:;">举报</a>

																	</div>
																</div>
																<form id="reply-1050000023234955-form" class="d-none my-2 add-comment-form" action="/api/comment/1050000023120471/reply"
																 method="post">
																	<div class="form-group">
																		<textarea autoheight="true" class="form-control form-control-sm reply-text" rows="1" placeholder="撰写评论 ..."
																		 style="overflow: hidden; overflow-wrap: break-word; resize: none;" name="text"></textarea>
																	</div>
																	<div class="mt-y d-flex align-content-center justify-content-end">
																		<button type="button" submit-type="reply" class="btn btn-primary btn-sm" data-commentid="1050000023120471">
																			提交评论
																		</button>
																		<input type="hidden" name="replyUserId" value="1030000023234828" autocomplete="off">
																	</div>
																</form>
															</li>
															<li class="list-group-item px-0 bg-light border-0 commentUnit">
																<div class="font-size-14 mb-2">
																	<a class="d-uname" href="/u/linchuangxuanmo" target="_blank"><strong>临窗旋墨</strong></a>：
																	<div class="parsedText fmt">
																		<p>测试一下评论</p>
																	</div>
																</div>
																<form class="d-none edit-form edit-reply-form" action="/api/comment/1050000023235027/edit" method="post">
																	<div class="form-group">
																		<textarea autoheight="true" class="form-control form-control-sm comment-text" rows="1" placeholder="撰写评论 ..."
																		 style="overflow: hidden; overflow-wrap: break-word; resize: none;" name="text" data-init="测试一下评论  "></textarea>
																	</div>
																	<div class="my-3 d-flex align-content-center justify-content-end">
																		<button type="button" class="btn btn-outline-secondary btn-sm mr-2 edit-top-comment-cancel-btn cancelEdit">
																			取消
																		</button>
																		<button type="button" submit-type="reply-edit" class="btn btn-primary btn-sm">
																			提交
																		</button>
																		<input type="hidden" name="id" value="1050000023235027" autocomplete="off">
																	</div>
																</form>
																<div class="handle-bar font-size-14 d-flex justify-content-between">
																	<div>
																		<a class="text-secondary" href="Javascript:;">
																			<span class="mainLike-comment " data-id="1050000023235027">
																				<svg class="svg-inline--fa fa-thumbs-up fa-w-16 mr-1" aria-hidden="true" focusable="false"
																				 data-prefix="far" data-icon="thumbs-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
																				 data-fa-i2svg="">
																					<path fill="currentColor" d="M466.27 286.69C475.04 271.84 480 256 480 236.85c0-44.015-37.218-85.58-85.82-85.58H357.7c4.92-12.81 8.85-28.13 8.85-46.54C366.55 31.936 328.86 0 271.28 0c-61.607 0-58.093 94.933-71.76 108.6-22.747 22.747-49.615 66.447-68.76 83.4H32c-17.673 0-32 14.327-32 32v240c0 17.673 14.327 32 32 32h64c14.893 0 27.408-10.174 30.978-23.95 44.509 1.001 75.06 39.94 177.802 39.94 7.22 0 15.22.01 22.22.01 77.117 0 111.986-39.423 112.94-95.33 13.319-18.425 20.299-43.122 17.34-66.99 9.854-18.452 13.664-40.343 8.99-62.99zm-61.75 53.83c12.56 21.13 1.26 49.41-13.94 57.57 7.7 48.78-17.608 65.9-53.12 65.9h-37.82c-71.639 0-118.029-37.82-171.64-37.82V240h10.92c28.36 0 67.98-70.89 94.54-97.46 28.36-28.36 18.91-75.63 37.82-94.54 47.27 0 47.27 32.98 47.27 56.73 0 39.17-28.36 56.72-28.36 94.54h103.99c21.11 0 37.73 18.91 37.82 37.82.09 18.9-12.82 37.81-22.27 37.81 13.489 14.555 16.371 45.236-5.21 65.62zM88 432c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24z"></path>
																				</svg><!-- <i class="far fa-thumbs-up mr-1"></i> -->
																			</span>
																			<span data-icon-count-size="" data-count-hidden="true" class="mainLike-commentNum">
																			</span> </a>
																		<span class="split-dot"></span>
																		<a class="text-secondary btn-reply" href="Javascript:;" data-id="1050000023235027">回复</a>
																		<span class="split-dot"></span>
																		<span class="ml-1 text-secondary">今天 10:50 </span>
																	</div>
																	<div class="comment-control-area d-none">

																		<a class="text-secondary delete" href="Javascript:;" data-button-action="/api/comment/1050000023235027/delete">删除</a><span
																		 class="split-dot"></span>
																		<a class="text-secondary reply-report" data-dotype="modal" data-content="{'type':'form','asyncUrl':'/iteration/api/reason/comment/report?id=1050000023235027','data':null}"
																		 data-api="/iteration/api/comment/1050000023235027/report" href="Javascript:;">举报</a>

																	</div>
																</div>
																<form id="reply-1050000023235027-form" class="my-2 add-comment-form d-none" action="/api/comment/1050000023120471/reply"
																 method="post">
																	<div class="form-group">
																		<textarea autoheight="true" class="form-control form-control-sm reply-text" rows="1" placeholder="撰写评论 ..."
																		 style="overflow: hidden; overflow-wrap: break-word; resize: none; min-height: 31px; height: 0px;"
																		 name="text"></textarea>
																	</div>
																	<div class="mt-y d-flex align-content-center justify-content-end">
																		<button type="button" submit-type="reply" class="btn btn-primary btn-sm" data-commentid="1050000023120471">
																			提交评论
																		</button>
																		<input type="hidden" name="replyUserId" value="1030000023234828" autocomplete="off">
																	</div>
																</form>
															</li>
														</ul>


													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="sflex-center comment-pagination"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
	</body>
</html>
